import React, { Fragment } from 'react';
import { Card, Content, Radio } from 'react-fule-ui';

export default function FuleRadio() {
  const RadioValue = (value) => {
    console.log(value);
  };
  return (
    <Fragment>
      <Content>
        <Content.Header>单选</Content.Header>
        <Content.Body>
          <Card>
            <Card.Header>基础用法</Card.Header>
            <Card.Body>
              <Radio defaultValue="男" onClick={RadioValue}>
                <Radio.Item>男</Radio.Item>
                <Radio.Item>女</Radio.Item>
                <Radio.Item>中性</Radio.Item>
              </Radio>
            </Card.Body>
          </Card>
          <Card>
            <Card.Header>按钮样式</Card.Header>
            <Card.Body>
              <Radio defaultValue="上海" onClick={RadioValue} type="btn">
                <Radio.Item>深圳</Radio.Item>
                <Radio.Item>上海</Radio.Item>
                <Radio.Item>广州</Radio.Item>
              </Radio>
            </Card.Body>
          </Card>
        </Content.Body>
      </Content>
    </Fragment>
  );
}
